<template>
  <div class="sc-AxmLO gmtmqV">
    <div class="sc-fzokOt hLgJkJ">
      <h2>Recommended</h2>
      <div class="sc-fzoLsD fYZyZu">
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
        <a href="/watch/3ac30e23-45a6-4eca-9430-3654142a772c">
          <div class="sc-fzozJi dteCCc">
            <img
              class="thumb"
              src="https://utubeclone.netlify.app/static/media/thumbnail.fd60cf7f384b99ee57a6.png"
              alt="thumbnail"
            />
            <div class="video-info-container">
              <div class="channel-avatar">
                <img
                  src="https://utubeclone.netlify.app/static/media/channelimg.96208551cf99294cd482.png"
                  alt="channel avatar"
                  class="sc-AxhCb eSwYtm"
                  style="margin-right: 0.8rem"
                />
              </div>
              <div class="video-info">
                <h4>Twitter clone</h4>
                <span class="secondary">manikandanraji</span>
                <p class="secondary">
                  <span>6 views</span> <span>•</span> <span>22 days ago</span>
                </p>
              </div>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
</template>
